import React, { useContext, useReducer, createContext } from 'react'
// import Home from './components/Home';
// import Com from './components/Com';
// import Reducer from './components/Reducer';
// import Context from './components/Context';
// import Home from './components2/Home';
import Com from './components3/Com';
import { reducer, initState } from './store'
import './App.css';

export const context = createContext()

function App() {
  const [state, dispatch] = useReducer(reducer, initState)
  return (
    <div className="App">
      <context.Provider value={{
        state,
        dispatch
      }}>
        <Com/>
      </context.Provider>
    </div>
  );
}

export default App;
